博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
iframe自适应高度
阅读量:6481 次
发布时间:2019-06-23

本文共 663 字,大约阅读时间需要 2 分钟。

hot3.png

在网上找了2种方法,经测试都有效,最重要的是要发布后才能看到效果,代码如下:

下面的是点击加载不同的内容,并iframe自适应内容的高度

对应的js

同时总结下经常用的高度

          contentWindow   兼容各个浏览器,可取得子窗口的 window 对象。  
          contentDocument Firefox 支持,> ie8 的ie支持。可取得子窗口的 document 对象。  
          document.body.clientWidth  可见区域内容的宽度(不包含边框,如果水平有滚动条,不显示全部内容的宽度)
          document.body.clientHeight 全部内容的高度(如果垂直有滚动条,也显示全部内容的高度)
          document.body.offsetWidth  可见区域内容的宽度(含边框,如果水平有滚动条,不显示全部内容的宽度)
          document.body.offsetHeight 全部内容的高度(如果垂直有滚动条,也显示全部内容的高度)
          document.body.scrollWidth  内容的宽度(含边框,如果有滚动则是包含整个页面的内容的宽度,即拖动滚动条后看到的所有内容)
          document.body.scrollHeight 全部内容的高度

转载于:https://my.oschina.net/u/2612473/blog/779749

你可能感兴趣的文章
使用startActivityForResult方法(转)
查看>>
so在genymotation中错误问题
查看>>
Visual Studio 原生开发的10个调试技巧(二)
查看>>
Windows内核再次出现0Day漏洞 影响win2000到win10所有版本 反病毒软件恐成瞎子
查看>>
H3C品牌刀片系统强势首发
查看>>
【CSS系列】图像映射
查看>>
First blood
查看>>
java 冒泡排序和快速排序 实现
查看>>
SQL存储过程中的几个常见设定SET QUOTED_IDENTIFIER/NOCOUNT/XACT_ABORT ON/OFF
查看>>
Silverlight与Flash区别之一
查看>>
删除恢复Hadoop集群中的DataNode
查看>>
Silverlight 2动态创建矩形对象(附完整源代码)
查看>>
从京东技术演进看互联网企业的成长历程
查看>>
MFC ado+mysql+odbc技术分享
查看>>
js中让字符串中特定字符红色显示
查看>>
HttpClient4.5教程-第二章-连接管理
查看>>
redhat Nginx 安装
查看>>
oracle 配置监听
查看>>
上海访微软 详解Azure和S+S
查看>>
moosefs即将发布新版
查看>>